@keyframes rotateInfinite
{
    0% { transform:rotate(360deg); }
    25% { transform: rotate(270deg) }
    50% { transform:rotate(180deg); }
    75% { transform: rotate(90deg); }
    100% { transform:rotate(0deg); }
}

@keyframes ballSpin{
    0% {transform: rotate(0) scale(1);}
    50% {transform: rotate(180deg) scale(0.6);}
    100% {transform: rotate(360deg) scale(1);}
}

.rotate-infinite{
    animation: rotateInfinite 5s linear 0s infinite;
}

.spin-scale{
    width: 25px;
    height: 25px;
    border: 2px solid #ff8225;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: ballSpin 0.75s linear 0s infinite;
    animation-fill-mode: both;
}